<script setup lang="ts"></script>

<template>
  <div class="link-btn">
    
    <div class="btn btn-wx">
      <nuxt-icon name="wx"  />
    </div>
    
  </div>
</template>

<style scoped lang="scss">
.link-btn {
  width: 66px;
  cursor: pointer;
  .btn {
    width: 66px;
    height: 66px;
    &-wx {
      :deep(.nuxt-icon svg) {
        color: #0171e9;
      }
      &:hover {
        :deep(.nuxt-icon svg) {
          color: #ff7500;
        }
      }
    }

    & + .btn {
      margin-top: 10px;
    }
  }
}
</style>

